/*
 * $Id: ext-extra.css,v 1.4 2008/03/07 00:46:42 chuan Exp $
 *
 * Copyright (c) 2006 Operamasks Community.
 * Copyright (c) 2000-2006 Apusic Systems, Inc.
 */
.x-menu-bar {
	display: table;
}

.x-menu-bar .x-menu-list {
	display: table-row;
}

.x-menu-bar .x-menu-list-item {
	display: table-cell;
}

.x-menu-bar .x-menu-item-arrow {
	background: transparent;
}

.x-menu-bar .x-menu-item {
	padding: 3px 10px;
}

a.x-menu-item {
	display: block;
	line-height: 16px;
	padding: 3px 21px 3px 3px;
	white-space: nowrap;
	text-decoration: none;
	color: #222;
	-moz-outline: 0 none;
	outline: 0 none;
	cursor: pointer;
}

.x-menu-bar .x-menu-sep {
	display: none;
}

.x-menu-bar .x-menu-item-icon {
	display: none;
}

.x-menu-item-user-icon {
	border: 0 none;
	height: 16px;
	padding: 0;
	vertical-align: top;
	width: 16px;
	margin: 0 8px 0 0;
	background-position: center;
}

.x-menu-bar {
	background: #F0F0F0 url(../images/menu/menu-bg.gif) repeat scroll 0%;
}

.x-menu,.x-menu-plain {
	background: #F0F0F0 url(../images/menu/menu.gif) repeat scroll 0%;
}

.x-menu,x-menu-plain {
	border: 1px solid #aaa;
	opacity: 0.92;
	-moz-opacity: 0.92;
	filter: progid : DXImageTransform . Microsoft . Alpha(Opacity = 92);
}

.x-progress {
	position: relative;
	height: 14px;
	overflow: hidden;
	border: 1px solid #6593cf;
	background: #e0e8f3 url(../images/qtip/bg.gif) repeat-x;
}

.x-progress-thumb {
	position: relative;
	height: 14px;
	overflow: hidden;
	background: #8bb8f3;
	border-top: 1px solid #b2d0f7;
	border-bottom: 1px solid #65a1ef;
	border-right: 1px solid #65a1ef;
}

.x-slider-wrap {
	position: relative;
	overflow: hidden;
	border: 0;
	cursor: default;
}

.x-slider-horizontal {
	height: 28px;
}

.x-slider-vertical {
	width: 28px;
}

.x-slider-track {
	position: absolute;
	overflow: hidden;
	background: #8bb8f3;
	border: 1px solid;
	border-top-color: #65a1ef;
	border-right-color: #b2d0f7;
	border-bottom-color: #b2d0f7;
	border-left-color: #65a1ef;
}

.x-slider-horizontal .x-slider-track {
	width: 100%;
	height: 1px;
	_height: "3px"; /*IE hack*/
}

.x-slider-vertical .x-slider-track {
	width: 1px;
	height: 100%;
	_width: "3px"; /*IE hack*/
}

.x-slider-thumb {
	position: absolute;
	overflow: hidden;
	background: #8bb8f3;
	border: 1px solid;
	border-top-color: #b2d0f7;
	border-right-color: #65a1ef;
	border-bottom-color: #65a1ef;
	border-left-color: #b2d0f7;
}

.x-slider-horizontal .x-slider-thumb {
	width: 7px;
	height: 18px;
	_width: "9px";
	_height: "20px"; /*IE hack*/
}

.x-slider-vertical .x-slider-thumb {
	width: 18px;
	height: 7px;
	_width: "20px";
	_height: "9px"; /*IE hack*/
}

.x-paging-list {
	display: inline;
}

.x-paging-list li {
	display: inline;
	margin: .25em;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
}

.x-paging-list .x-total-page {
	cursor: default;
}

.x-paging-list .x-first-page a,.x-paging-list .x-last-page a,.x-paging-list .x-prev-page a,.x-paging-list .x-next-page a
	{
	font-weight: bold;
	color: #00c;
}

.x-paging-list .x-prev-page {
	margin-right: 0.5em;
}

.x-paging-list .x-next-page {
	margin-left: 0.5em;
}

.x-paging-list .x-page-number a {
	color: black;
}

.x-paging-list li.selected a {
	font-weight: bold;
	color: #a90a08;
	text-decoration: none;
}

.x-paging-list li.disabled,.x-paging-list li.disabled a {
	color: silver;
	cursor: default;
	text-decoration: none;
}

.x-calc-inner,.x-calc-inner td,.x-calc-inner th {
	border-collapse: separate;
}

table.x-calc-inner {
	width: 100%;
	table-layout: fixed;
}

.x-calc-inner th {
	width: 25px;
}

.x-calc-inner th {
	background: #c3daf9;
	text-align: right !important;
	border-bottom: 1px solid #a3bad9;
	font: normal 10px arial, helvetica, tahoma, sans-serif;
	color: #233d6d;
	cursor: default;
	padding: 0;
	border-collapse: separate;
}

.x-calc-inner th span {
	display: block;
	padding: 2px;
	padding-right: 7px;
}

.x-calc-inner td {
	border: 1px solid #fff;
	text-align: right;
	padding: 0;
}

.x-calc-inner .x-calc-key,.x-calc-inner .x-calc-memory {
	padding: 2px 5px;
	display: block;
	font: normal 11px arial, helvetica, tahoma, sans-serif;
	text-decoration: none;
	color: black;
	zoom: 1;
	background: #ddecfe;
	border: 1px solid #a3bad9;
}

.x-calc-inner .x-calc-key {
	cursor: pointer;
}

.x-calc-inner .x-calc-memory {
	text-align: center
}

.x-calc-opr {
	color: red !important;
}

.x-calc-inner span.hover {
	text-decoration: none;
	color: black;
	border: 1px solid #00F;
}

.ext-safari .x-form-field-wrap .x-form-calc-trigger {
	right: 0;
}

.x-form-field-wrap .x-form-calc-trigger {
	background: transparent url(../images/form/calc-trigger.gif) no-repeat 0
		0;
	cursor: pointer;
}

.x-btn button {
	font-size: 12px;
}

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label
	{
	font-size: 12px;
}

.x-grid-hd-row td,.x-grid-row td {
	font-size: 12px;
}

.x-menu-list-item {
	font-size: 12px;
}

.x-layout-panel-hd-text {
	font-size: 12px;
}

.x-form fieldset legend {
	font-size: 12px;
}

.loading-mask {
	width: 100%;
	height: 100%;
	background: #c3daf9;
	position: absolute;
	z-index: 20000;
	left: 0;
	top: 0;
}

.loading {
	position: absolute;
	left: 45%;
	top: 40%;
	border: 1px solid #6593cf;
	padding: 2px;
	background: #c3daf9;
	width: 150px;
	text-align: center;
	z-index: 20001;
}

.loading .loading-indicator {
	border: 1px solid #a3bad9;
	background: white url('../images/block-bg.gif') repeat-x;
	color: #003366;
	font: bold 13px tahoma, arial, helvetica;
	padding: 10px;
	margin: 0;
}

.loading-indicator {
	font-size: 8pt;
	background-image: url('../images/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	height: 18px;
	text-align: left;
}

.x-info-message,.x-warn-message,.x-error-message,.x-fatal-message {
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	font: normal 14px;
}

.x-error-message,.x-fatal-message {
	background-image: url('../images/message/error.gif');
	color: red;
}

.x-warn-message {
	background-image: url('../images/message/warn.gif');
	color: black;
}

.x-info-message {
	background-image: url('../images/message/info.gif');
	color: black;
}

.tree-node-checked {
	background-image: url('../images/tree/tree_node_checked.gif');
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

.tree-node-partlyChecked {
	background-image: url('../images/tree/tree_node_partlyChecked.gif');
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

.tree-node-unchecked {
	background-image: url('../images/tree/tree_node_unchecked.gif');
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

.x-btn-text-icon .x-btn-center .x-btn-text {
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 0;
}

.x-combo-list-item {
	height: 15px !important;
	height: 20px;
}

.x-panel-header {
	font-size: 12px;
}

.x-tab-strip span.x-tab-strip-text {
	font-size: 12px;
}

.x-grid3-hd-row td,.x-grid3-row td,.x-grid3-summary-row td {
	font-size: 12px;
}

.x-window-mc {
	font-size: 12px;
}

.x-tree-node a span {
	font-size: 12px;
}

.x-window-header-text {
	font-size: 12px;
}

.x-form-check-wrap {
	margin-left: 5px;
	line-height: 17px;
}

.x-hidden {
	display: none;
}

html,body {
	height: 100%;
}

.x-form-element {
	padding-left: 0px;
}

.x-form-item label {
	width: auto;
	text-align: right;
}

.ext-gecko .x-window-body .x-form-item {
	overflow: visible;
}

.x-form-item,.x-form-field {
	font-family: arial, sans-serif;
}

.ext-ie .x-form-text {
	margin-bottom: 1px;
}

.x-form-invalid-msg {
	font-size: 12px;
}

.x-tip .x-tip-body {
	font-size: 12px;
}

.x-form-cb-label {
	font-size: 12px;
}

.x-grid3-hd-row td,.x-grid3-row td,.x-grid3-summary-row td {
	font-size: 12px;
}

.x-progress-text {
	font-size: 12px;
}

.x-btn {
	margin-bottom: 4px;
}

.blank-image {
	display: none;
}

.x-errzone {
	color: black;
	background-color: wheat;
	max-height: 50%;
	width: 80%;
	border: 3px double black;
	overflow-y: auto;
	font-size: 12px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 100;
}

.x-err-close {
	background-image: url("../images/layout/tab-close.gif");
	background-repeat: no-repeat;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	user-select: none;
	-moz-user-select: none;
	cursor: default;
	position: absolute;
	z-index: 1;
	display: inline;
}

.x-err-close:hover {
	background-image: url("../images/layout/tab-close-on.gif");
}

.x-errzone-title {
	text-align: center;
	font-weight: bold;
}

.x-errzone span {
	display: block;
}

.x-errzone label {
	font-weight: bold;
}

.x-err-item-even {
	background-color: tan;
}

.x-errzone .x-err-stack label {
	display: block;
}

.x-errzone {
	color: black;
	background-color: wheat;
	max-height: 50%;
	width: 80%;
	border: 3px double black;
	overflow-y: auto;
	font-size: 12px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 100;
}

.x-err-close {
	background-image: url("../images/layout/tab-close.gif");
	background-repeat: no-repeat;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	user-select: none;
	-moz-user-select: none;
	cursor: default;
	position: absolute;
	z-index: 1;
	display: inline;
}

.x-err-close:hover {
	background-image: url("../images/layout/tab-close-on.gif");
}

.x-errzone-title {
	text-align: center;
	font-weight: bold;
}

.x-errzone span {
	display: block;
}

.x-errzone label {
	font-weight: bold;
}

.x-err-item-even {
	background-color: tan;
}

.x-errzone .x-err-stack label {
	display: block;
}

.ext-ie .x-small-editor .x-form-text {
	MARGIN-TOP: -2px !important;
	MARGIN-BOTTOM: 0px !important;
	MARGIN-LEFT: 0px !important;
	MARGIN-RIGHT: 0px !important;
	LINE-HEIGHT: 16px !important;
	HEIGHT: 16px !important;
	HEIGHT: 20px;
	font-family: arial, sans-serif;
}

.ext-ie .x-toolbar .x-form-text {
	MARGIN-TOP: 0px !important;
}

.ext-ie .x-toolbar .x-form-trigger {
	MARGIN-TOP: 0px !important;
}

.x-toolbar .x-btn {
	margin-bottom: 0px;
}

.x-column-menu {
	background: #F0F0F0 url(../images/menu/menu.gif) repeat scroll 0%;
	padding: 0;
	margin: 0;
}

.x-column-menu .x-menu-list {
	float: left;
	padding: 2px 2px 2px 3px;
	margin: 0;
	border: 0px;
}

.x-column-menu .x-menu-item-icon {
	margin: 0 10px 0 0;
}

.x-column-menu .x-menu-item-active {
	margin-left: 0px;
}

.x-column-menu .x-menu-list {
	background: #F0F0F0 url(../images/menu/menu.gif) repeat scroll 0%;
}

/* fix DateField's bug in firefox 3.0 */
.x-date-middle {
	width: 160px;
}

.minutecss{
    padding:4px;
    height:100%;
    border-top: 1px solid #a3bad9;
    background: #dfecfb url(../images/shared/glass-bg.gif) repeat-x left top;	
}

.y-hour-label, .y-minute-label{
    padding-left:5px;
}

.y-hour-middle,.y-hour-left,.y-hour-right {
	font:bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
}

.y-hour-right, .y-hour-left {
	width:7px;
}
.y-hour-right{
	text-align:right;
}
.y-hour-middle {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	color:#2D6299;
}
.y-hour-right a, .y-hour-left a{
	display:block;
	width:7px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
}

.y-hour-right a, .y-minute-right a {
	background-image: url(../images/datetime/arrowRight.gif);
}

.y-hour-right a:hover, .y-minute-right a:hover {
	background-image: url(../images/datetime/arrowRightClick.gif);
}

.y-hour-left a, .y-minute-left a{
	background-image: url(../images/datetime/arrowLeft.gif);
}

.y-hour-left a:hover, .y-minute-left a:hover{
	background-image: url(../images/datetime/arrowLeftClick.gif);
}  

.y-minute-middle,.y-minute-left,.y-minute-right {
	font:bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
}

.y-minute-right, .y-minute-left {
	width:7px;
}
.y-minute-right{
	text-align:right;
}
.y-minute-middle {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	color:#2D6299;
}
.y-minute-right a, .y-minute-left a{
	display:block;
	width:7px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
}

.ext-gecko .x-grid3 table{table-layout:fixed;}

.ext-ie .x-grid3-cell-wrap{word-break: break-all; word-wrap:break-word;}
.ext-ie .x-grid3-cell-inner-wrap{overflow:hidden;padding:3px 3px 3px 5px;white-space:wrap;}

.ext-ie label{white-space:nowrap;}